<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
    <title></title>
    <link href="{{ MEDIA_URL }}css/layout.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
    <div id="principal">
        <div id="logo">
            <a href="{% url Polls.views.homepage %}">
                <img src="{{ MEDIA_URL }}img/logo.png">
            </a>
        </div>
        <div id="menu">
            <div id="itensMenu">
                <a href="{% url Polls.views.todosresultados %}">resultados</a>
                <a href="{% url Polls.views.Minhaenquete %}">minha enquete</a>
                <a href="#">publicas</a>
                <a href="{% url Polls.views.TopPolls %}">top polls</a>
                <a href="#">ajuda</a>
            </div>
            <div id="btnCriarEnquete">
                <a href="{% url Polls.views.cadastrarenquete %}">
                    <img src="{{ MEDIA_URL }}img/btn_criar_s1.jpg">
                </a>
            </div>
        </div>
        	<div id="box3">
            <div id="box3Interna">
                <div id="topHeader3">
                    <img src="{{ MEDIA_URL }}img/topPolls.png">
                </div>
                <div id="containerTopPolls">
                    {% for top in ultimas_5_noticias %}
                    <div id="primeiro">
                        <div id="imdFirt">
                            <p class="first">{{ forloop.counter }}°</p>
                        </div>
                        <div id="Q1">
                            <a href="{{ top.id }}" style="color: inherit;text-decoration: none" class="questao">{{ top.pergunta }}</a>
                        </div>
                        <div id="lim">
                            <div id="imgs">
                                {% for votacao in top.votacao_set.all %}
                                    <div id="vot1">
                                        <div id="borda">
                                            <img src="{{ MEDIA_URL }}{{ votacao.foto }}" alt="" width="70px" height="87px">
                                        </div>
                                        <div id="votos">
                                            <p>{{ votacao.quantidadevotos }} voto{{ votacao.quantidadevotos|pluralize }}</p>
                                        </div>
                                    </div>
                                {% endfor %}
                                <!--<div id="votos2">
                                    <p>Total: {{ top.votado }} voto{{ top.votado|pluralize }}</p>
                                </div>-->
                                <div id="separa3">
                                </div>
                            </div>
                        </div>
                    </div>
                    {% endfor %}
            </div>

        </div>
                <div id="shadow3"></div>

    </div>
        <div id="footer">
        </div>
</div>
</body>
</html>